{% extends "base_generic.html" %}
{% block body %}

{% endblock %}
{% block content %}

<div id="submenu">
  <ul>
    <li><a href="/{{ artist.url }}/albums"><span>{{ artist.name }} </span>albums</a></li>
    <li><a href="/{{ artist.url }}/chords"><span>{{ artist.name }} </span>discography</a></li>
    <li><a href="/{{ artist.url }}/songs"><span>{{ artist.name }} </span>songs</a></li>
    <li><a href="/{{ artist.url }}/chords"><span>{{ artist.name }} </span>listen</a></li>
    <li><a href="/{{ artist.url }}/chords"><span>{{ artist.name }} </span>lyrics</a></li>
    <li class="active"><a href="/{{ artist.url }}/videos"><span>{{ artist.name }} </span>videos</a></li>
    <li><a href="/{{ artist.url }}/photos"><span>{{ artist.name }} </span>photos</a></li>
    <li><a href="/{{ artist.url }}/chords"><span>{{ artist.name }} </span>chords</a></li>
    <li><a href="/{{ artist.url }}/ringtone"><span>{{ artist.name }} </span>ringtones</a></li>
    <li><a href=""><span>{{ artist.name }} </span>download free MP3s</a></li>
  </ul>
</div>
<div id="maincontent">
  <p><a href="/{{ artist.url }}" style="background: url(/img/singer.png) no-repeat; padding-left: 20px;">{{ artist.name }}</a> › <strong>{{ artist.name }} Videos</strong></p>
 <h1>{{ artist.name }} Videos</h1>

 {% for video in videos %}
  <div class="video">
   <h2>{{ video.0 }}</h2>
   <object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/{{ video.9 }}?fs=1&amp;hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/{{ video.9 }}?fs=1&amp;hl=en_US" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object>
  </div>
 {% endfor %}

  
</div>
<div id="sidebar">

</div>
{% endblock %}
